<%@ page contentType="text/html; charset=utf-8" %>

<%@ include file="/WEB-INF/jsp/includeTop.jsp" %>
<%@ include file="/WEB-INF/jsp/includeTaglib.jsp" %>

<table class="navHeadTableBg" width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="200" height="38">&nbsp;</td>
    <td align="right" valign="top">
      <table border="0" cellpadding="2" cellspacing="0">
        <tr>
          <td><img src="images/help.gif"></td>
          <td class="globalText"><a href="#">帮助</a></td>
          <td><img src="images/spacer.gif" width="10" height="5"></td>
          <td><img src="images/talkBack.gif"></td>
          <td class="globalText"><a href="mailto:support@jiayu.com.cn">联系我们</a></td>
          <td><img src="images/spacer.gif" width="10" height="5"></td>
          <td><img src="images/about.gif"></td>
          <td class="globalText"><a href="#">关于</a></td>
          <td><img src="images/spacer.gif" width="10" height="5"></td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td colspan="2" valign="bottom" align="left" height="30">
      <table border="0" cellpadding="0" cellspacing="0">
       <tr>
         <td>
         	<img src="images/spacer.gif" width="220" height="2">
         </td>
         <td id="0" valign="bottom" class="navSelectedCell navCell" onclick="changeTab(this.id)">
         	<img src="images/navTxtSpace.gif"><a href="adminViewIndex.html" target="mainIndex">首页</a><img src="images/navTxtSpace.gif">
         </td>
         <td class="navSeperator">
         	<img src="images/spacer.gif" width="1">
         </td>
         <td id="1" valign="bottom" class="navUnSelectedCell navCell" onclick="changeTab(this.id)">
         	<img src="images/navTxtSpace.gif"><a href="planMain.html" target="main">我的计划任务</a>
         	<img src="images/navTxtSpace.gif">
         </td>
         <td class="navSeperator">
         	<img src="images/spacer.gif" width="1">
         </td>
         <td id="2" valign="bottom" class="navUnSelectedCell navCell" onclick="changeTab(this.id)">
         	<img src="images/navTxtSpace.gif"><a href="functionTemplateMain.html" target="main">下属工作跟踪</a>
         	<img src="images/navTxtSpace.gif">
         </td>
         <td class="navSeperator">
         	<img src="images/spacer.gif" width="1">
         </td>
         <td id="3" valign="bottom" class="navUnSelectedCell navCell" onclick="changeTab(this.id)">
         	<img src="images/navTxtSpace.gif"><a href="functionTemplateMain.html" target="main">项目管理</a><img src="images/navTxtSpace.gif">
         </td>
         <td class="navSeperator">
         	<img src="images/navSpacer.gif" width="1">
         </td>
         <td id="4" valign="bottom" class="navUnSelectedCell navCell" onclick="changeTab(this.id)">
         	<img src="images/navTxtSpace.gif"><a href="functionTemplateMain.html" target="main">消息公告</a>
         	<img src="images/navTxtSpace.gif">
         </td>
         <td class="navSeperator">
         	<img src="images/spacer.gif" width="1">
         </td>
         <td id="5" valign="bottom" class="navUnSelectedCell navCell" onclick="changeTab(this.id)">
         	<img src="images/navTxtSpace.gif"><a href="functionTemplateMain.html" target="main">分析报表</a>
         	<img src="images/navTxtSpace.gif">
         </td>
         <td class="navSeperator">
         	<img src="images/spacer.gif" width="1">
         </td>
         <td id="6" valign="bottom" class="navUnSelectedCell navCell" onclick="changeTab(this.id)">
         	<img src="images/navTxtSpace.gif"><a href="adminMain.html" target="main">配置管理</a>
         	<img src="images/navTxtSpace.gif">
         </td>
         <td class="navSeperator">
         	<img src="images/spacer.gif" width="1">
         </td>
       </tr>
      </table>
    </td>
  </tr>
</table>
<script language="javascript">
  function changeTab(id) {
	  //document.getElementById(id).className = "navSelectedCell"
	  //  for(var i=0;i<7;i++) {
	  //    if(i != id)
	  //    document.getElementById(i).className = "navUnSelectedCell"
	  //  }
      $(".navCell").each(function(i){
    	  var cellId=$(this).attr("id");
    	  if(cellId==id){
    		  $(this).removeClass("navUnSelectedCell");
    		  $(this).addClass("navSelectedCell");
    	  }else{
    		  $(this).removeClass("navSelectedCell");
    		  $(this).addClass("navUnSelectedCell");
    	  }
      });
  }
</script>
